.color-wrapper,
.type-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  text-align: center;
}

.color-item,
.type-item-color-block {
  width: 80px;
  height: 80px;
  border-radius: 10px;
}

.type-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 200px;
}

.type-item-text {
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
}

.color-code {
  font-size: 14px;
  margin-top: 5px;
  color: #666;
}
